<template>
<div>
    <!--直播房间-->
    <Room v-if="activeName == 'room'"></Room>
    <!--    <Product v-if="activeName == 'product'"></Product> -->
  </div>
</template>

<script>
import { reactive, toRefs, defineComponent } from "vue";
import { useUserStore } from "@/store";
import Room from "./room/room.vue";
import Product from "./product/list.vue";
export default {
  components: {
    Room,
    Product
  },
  setup() {
    const {
      bus_emit,
      bus_off,
      bus_on
    } = useUserStore();
    const state = reactive({
      bus_emit,
      bus_off,
      bus_on,
      /*参数*/
      param: {},
      /*当前选中*/
      activeName: "room",
      /*切换数组原始数据*/
      sourceList: [{
        key: "room",
        value: $t("plus.live_room")
      }
      // {
      //   key: 'product',
      //   value: '直播商品',
      // }
      ],
      /*权限筛选后的数据*/
      tabList: []
    });
    return {
      ...toRefs(state)
    };
  },
  created() {
    this.tabList = this.sourceList; //this.authFilter();

    if (this.tabList.length > 0) {
      this.activeName = this.tabList[0].key;
    }
    if (this.$route.query.type != null) {
      this.activeName = this.$route.query.type;
    }

    /*监听传插件的值*/
    this.bus_on("activeValue", res => {
      this.activeName = res;
    });

    //发送类别切换
    let params = {
      active: this.activeName,
      list: this.tabList,
      tab_type: "live"
    };
    this.bus_emit("tabData", params);
  },
  beforeUnmount() {
    //发送类别切换
    this.bus_emit("tabData", {
      active: null,
      tab_type: "live",
      list: []
    });
    this.bus_off("activeValue");
  },
  methods: {
    // /*权限过滤*/
    // authFilter(){
    //   let list=[];
    //   for(let i=0;i<this.sourceList.length;i++){
    //     let item=this.sourceList[i];
    //     if(this.$filter.isAuth(item.path)){
    //       list.push(item);
    //     }
    //   }
    //   return list;
    // },
  }
};
</script>

